<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="../../static/pc/css/amazeui.min.css">
    <link rel="stylesheet" href="../../static/pc/css/petshow.css?6">
    <link rel="stylesheet" href="../../static/pc/css/animate.min.css">
    <script src="../../static/pc/js/jquery.min.js"></script>
    <script src="../../static/pc/js/amazeui.min.js"></script>
    <script src="../../static/pc/js/amazeui.lazyload.min.js"></script>





    <!-- CSS -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
    <link rel="stylesheet" href="../../static/assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../static/assets/css/form-elements.css">
    <link rel="stylesheet" href="../../static/assets/css/style.css">
    <link rel="stylesheet" href="../../static/pc/css/zhuce.css">


    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="../../static/pc/css/amazeui.min.css">
    <link rel="stylesheet" href="../../static/pc/css/petshow.css?6">
    <link rel="stylesheet" href="../../static/pc/css/animate.min.css">
    <script src="../../static/pc/js/jquery.min.js"></script>
    <script src="../../static/pc/js/amazeui.min.js"></script>
    <script src="../../static/pc/js/countUp.min.js"></script>
    <script src="../../static/pc/js/amazeui.lazyload.min.js"></script>



    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

</head>
<body>
<header class="am-topbar am-topbar-inverse">
    <div class="amz-container">
        <h1 class="am-topbar-brand">
            <a href="#" class="am-topbar-logo" style="font-size: 17px;color: #915a9c;">
                <img src="../../static/pc/img/logosmall.png" style="width: 35px;height: 40px; " alt="">一只耳
            </a>
        </h1>
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
                data-am-collapse="{target: '#doc-topbar-collapse-5'}">
            <span class="am-sr-only">
                导航切换
            </span>
            <span class="am-icon-bars">
            </span>
        </button>
        <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse-5">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li class="am-active">
                    <a href="首页.html">
                        首页
                    </a>
                </li>
                <li class="am-dropdown" data-am-dropdown="">
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:">
                        发现另一个
                        <span class="am-icon-caret-down">
                        </span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li>
                            <a href="#">
                                编辑推荐
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                人气排行
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                最新发布
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                语音涂鸦
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">

                    </a>
                </li>
                <li>
                    <a href="#">


                    </a>
                </li>
                <li class="am-dropdown" data-am-dropdown="">
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:">
                        与Ta一起的事
                        <span class="am-icon-caret-down">
                        </span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li>
                            <a href="恋爱基地.html">
                                恋爱基地
                            </a>
                        </li>
                        <li>
                            <a href="恋爱攻略.html">
                                恋爱物语
                            </a>
                        </li>


                        <li>
                            <a href="#">
                                更多服务
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a class="launch-modal" href="#" data-modal-id="modal-register">登录</a>


                </li>
                <li>
                    <a class="launch-modal2" href="#" data-modal-id="modal-register">注册</a>
                </li>
            </ul>
        </div>
    </div>
</header>
<div class="modal fade" id="modal-register" tabindex="-1" role="dialog" aria-labelledby="modal-register-label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                </button>
                <h3 class="modal-title" id="modal-register-label">开启幸福之门</h3>
                <p>请填写下面的表格以获得即时访问权限:</p>
            </div>

            <div class="modal-body">

                <form role="form" action="" method="post" class="registration-form">
                    <div class="form-group">
                        <label class="sr-only" for="form-first-name">账号</label>
                        <input type="text" name="form-first-name" placeholder="账号..." class="form-first-name form-control" id="form-first-name">
                    </div>

                    <div class="form-group">
                        <label class="sr-only" for="form-email">密码</label>
                        <input type="text" name="form-email" placeholder="密码..." class="form-email form-control" id="form-email">
                    </div>
                    <button type="submit" class="btn">Sign me up!</button>
                </form>

            </div>

        </div>
    </div>
</div>
<div class="modal fade" id="modal-register2" tabindex="-1" role="dialog" aria-labelledby="modal-register-label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">



            <div class="b-register-form">
                <section class="c-register-form f-fl">
                    <div class="b-title">60秒完成注册，幸福一辈子!
                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                        </button>
                    </div>
                    <form>

                        <section class="b-form">

                            <div class="form-field">
                                <div class="form-name f-fl">我的性别：</div>
                                <div class="sex J_sex">
                                    <span class="cur" data-value="1"><i></i><font>男</font></span>
                                    <span data-value="0"><i></i><font>女</font></span>
                                    <input type="hidden" name="gender" value="0" />
                                </div>

                            </div>
                            <div class="form-field" style="margin-top:19px;">
                                <div class="form-name f-fl">出生日期：</div>
                                <select id="selYear"></select>
                                <select id="selMonth"></select>
                                <select id="selDay"></select>

                            </div>
                            <div class="form-name f-fl">家庭住址：</div>
                            <div class="ku">
                                <span>请选择省份</span>
                                <div class="xiala">
                                    <h1><span>确认</span></h1>
                                </div>


                            </div>
                            <div class="ku1">
                                <span>请选择市区</span>
                                <div class="xiala2">
                                    <h1><span>确认</span></h1>
                                </div>


                            </div>

                            <div class="form-field" style="margin-top:22px;">
                                <div class="form-name f-fl">婚姻状况：</div>
                                <div class="marry J_marry" style="float: left">
                                    <span class="cur" data-value="0"><i></i><font>未婚</font></span>
                                    <span data-value="1"><i></i>离婚</span>
                                    <span data-value="2"><i></i><font>丧偶</font></span>
                                    <input type="hidden" name="gender" value="0" />
                                </div>
                            </div>
                        </section>
                    </form>
                    <div class="btn-actions">
                        <!---->

                        <div class="BTN" style="width:380px;margin:0 auto;"><div class="BTN-box primary" style="height:50px;line-height:50px;font-size:18px;">免费注册</div>
                            <!--//跳到基本信息-->
                        </div>
                    </div>
                </section></div>

        </div>
    </div>
</div>


<div data-am-tabs class="am-tabs am-tabs-d2 am_news_tab">
  <div id="wrapper" class="wrapper_nav">

    <ul class="am-tabs-nav am-cf am_cf">
      <li class="am-active">
        <a href="#tab1">全部</a>
      </li>
      <li class="">
        <a href="#tab2">新鲜事</a>
      </li>
      <li class="">
        <a href="#tab3">涨知识</a>
      </li>
      <li class="">
        <a href="#tab4">喵星人</a>
      </li>
          <li class="">
        <a href="#tab5">汪星人</a>
      </li>
          <li class="">
        <a href="#tab6">医疗</a>
      </li>
    </ul>
  </div>

  <div class="am-tabs-bd am_bdfw">
    <!-- tab1 -->
    <div class="am-tab-panel am-fade am-in am-active" id="tab1">
<div class="am-g dis_line">
  <div class="am-u-sm-6 am_bdfw_block">
<div class="am_bdfw_block_l">
    <div class="am_bdfw_block_l_info">
          <div class="am_bdfw_block_l_info_l"><img src="../../static/pc/img/kj.png" alt=""></div>
          <div class="am_bdfw_block_l_info_r">
          <span><a href="恋爱基地内容页.html">布兜宠物 Budoupet Store</a></span>
          <span class="am_bdfw_block_l_info_tel"><a href="###">010-56292129</a> <i class="am-icon-street-view"></i> 563M</span>
          </div>
    </div>
    <div class="am_bdfw_block_b">
<div> <i>●</i> 大望路百子湾东里沿海赛洛城116号楼104</div>
<div> <i>●</i> 周边：南锣鼓巷、鼓楼东大街 </div>
    </div>
</div>
<a class="am_bdfw_block_r"><i class="am-icon-ellipsis-v"></i><i class="am-icon-chevron-right"></i></a>
  </div>
  <div class="am-u-sm-6 am_bdfw_block">
<div class="am_bdfw_block_l">
    <div class="am_bdfw_block_l_info">
          <div class="am_bdfw_block_l_info_l"><img src="../../static/pc/img/kj.png" alt=""></div>
          <div class="am_bdfw_block_l_info_r">
          <span><a href="恋爱基地内容页.html">布兜宠物 Budoupet Store</a></span>
          <span class="am_bdfw_block_l_info_tel"><a href="###">010-56292129</a> <i class="am-icon-street-view"></i> 563M</span>
          </div>
    </div>
    <div class="am_bdfw_block_b">
<div> <i>●</i> 大望路百子湾东里沿海赛洛城116号楼104</div>
<div> <i>●</i> 周边：南锣鼓巷、鼓楼东大街 </div>
    </div>
</div>
<a class="am_bdfw_block_r"><i class="am-icon-ellipsis-v"></i><i class="am-icon-chevron-right"></i></a>
  </div>

    <div class="am-u-sm-6 am_bdfw_block">
<div class="am_bdfw_block_l">
    <div class="am_bdfw_block_l_info">
          <div class="am_bdfw_block_l_info_l"><img src="../../static/pc/img/kj.png" alt=""></div>
          <div class="am_bdfw_block_l_info_r">
          <span><a href="恋爱基地内容页.html">布兜宠物 Budoupet Store</a></span>
          <span class="am_bdfw_block_l_info_tel"><a href="###">010-56292129</a> <i class="am-icon-street-view"></i> 563M</span>
          </div>
    </div>
    <div class="am_bdfw_block_b">
<div> <i>●</i> 大望路百子湾东里沿海赛洛城116号楼104</div>
<div> <i>●</i> 周边：南锣鼓巷、鼓楼东大街 </div>
    </div>
</div>
<a class="am_bdfw_block_r"><i class="am-icon-ellipsis-v"></i><i class="am-icon-chevron-right"></i></a>
  </div>

    <div class="am-u-sm-6 am_bdfw_block">
<div class="am_bdfw_block_l">
    <div class="am_bdfw_block_l_info">
          <div class="am_bdfw_block_l_info_l"><img src="../../static/pc/img/kj.png" alt=""></div>
          <div class="am_bdfw_block_l_info_r">
          <span><a href="###">布兜宠物 Budoupet Store</a></span>
          <span class="am_bdfw_block_l_info_tel"><a href="###">010-56292129</a> <i class="am-icon-street-view"></i> 563M</span>
          </div>
    </div>
    <div class="am_bdfw_block_b">
<div> <i>●</i> 大望路百子湾东里沿海赛洛城116号楼104</div>
<div> <i>●</i> 周边：南锣鼓巷、鼓楼东大街 </div>
    </div>
</div>
<a class="am_bdfw_block_r"><i class="am-icon-ellipsis-v"></i><i class="am-icon-chevron-right"></i></a>
  </div>

    <div class="am-u-sm-6 am_bdfw_block">
<div class="am_bdfw_block_l">
    <div class="am_bdfw_block_l_info">
          <div class="am_bdfw_block_l_info_l"><img src="../../static/pc/img/kj.png" alt=""></div>
          <div class="am_bdfw_block_l_info_r">
          <span><a href="###">布兜宠物 Budoupet Store</a></span>
          <span class="am_bdfw_block_l_info_tel"><a href="###">010-56292129</a> <i class="am-icon-street-view"></i> 563M</span>
          </div>
    </div>
    <div class="am_bdfw_block_b">
<div> <i>●</i> 大望路百子湾东里沿海赛洛城116号楼104</div>
<div> <i>●</i> 周边：南锣鼓巷、鼓楼东大街 </div>
    </div>
</div>
<a class="am_bdfw_block_r"><i class="am-icon-ellipsis-v"></i><i class="am-icon-chevron-right"></i></a>
  </div>

    <div class="am-u-sm-6 am_bdfw_block">
<div class="am_bdfw_block_l">
    <div class="am_bdfw_block_l_info">
          <div class="am_bdfw_block_l_info_l"><img src="../../static/pc/img/kj.png" alt=""></div>
          <div class="am_bdfw_block_l_info_r">
          <span><a href="###">布兜宠物 Budoupet Store</a></span>
          <span class="am_bdfw_block_l_info_tel"><a href="###">010-56292129</a> <i class="am-icon-street-view"></i> 563M</span>
          </div>
    </div>
    <div class="am_bdfw_block_b">
<div> <i>●</i> 大望路百子湾东里沿海赛洛城116号楼104</div>
<div> <i>●</i> 周边：南锣鼓巷、鼓楼东大街 </div>
    </div>
</div>
<a class="am_bdfw_block_r"><i class="am-icon-ellipsis-v"></i><i class="am-icon-chevron-right"></i></a>
  </div>

</div>
  </div><!-- am-tabs-bd end -->
      <!-- tab2 -->
    <div class="am-tab-panel am-fade am-in am-active" id="tab2">
2222
  </div><!-- am-tabs-bd end -->
      <!-- tab3 -->
    <div class="am-tab-panel am-fade am-in am-active" id="tab3">
3333
  </div><!-- am-tabs-bd end -->
  </div></div>


<footer class="am_footer">
<div class="am_footer_con">
<div class="am_footer_link">
<span>关于宠物秀</span>
<ul>
  <li><a href="###">关于我们</a></li>
  <li><a href="###">发展历程</a></li>
  <li><a href="###">友情链接</a></li>
</ul>
</div>


<div class="am_footer_don">
<span>宠物秀</span>
<dl>
  <dt><img src="../../static/pc/img/footdon.png?1" alt=""></dt>
  <dd>一起Show我们的爱宠吧！宠物秀是图片配文字、涂鸦、COSPLAY的移动手机社区，这里有猫狗鱼龟兔子仓鼠龙猫等各种萌图。
  <a href="###" class="footdon_pg "><div class="foot_d_pg am-icon-apple ">  App store</div></a><a href="###" class="footdon_az animated"><div class="foot_d_az am-icon-android ">  Android</div></a></dd>

</dl>
</div>

<div class="am_footer_erweima">
<div class="am_footer_weixin"><img src="../../static/pc/img/wx.jpg" alt=""><div class="am_footer_d_gzwx am-icon-weixin"> 关注微信</div></div>
<div class="am_footer_ddon"><img src="../../static/pc/img/wx.jpg" alt=""><div class="am_footer_d_dxz am-icon-cloud-download"> 扫码下载</div></div>

</div>

</div>
<div class="am_info_line">Copyright(c)2015 <span>PetShow</span> All Rights Reserved </div>
</footer>
<script>



 $(function(){
    var IScroll = $.AMUI.iScroll;
var myScroll = new IScroll('#wrapper', { eventPassthrough: true, click: true,scrollX: true, scrollY: false, preventDefault: false });
  $('.am_news_tab').css('min-height',$(window).height() - $('.am-topbar').height() - $('.am_footer').height());
  if ($(window).width() < 600 ) {
 $('.am_list_item_text').each(
  function(){
     if($(this).text().length >= 26){
        $(this).html($(this).text().substr(0,26)+'...');
     }});}

  wrapperNav();
$(window).resize(function(){
  wrapperNav();
});

  function wrapperNav(){

    if($(window).width() < 850 ){

      $('.wrapper_nav').attr('id','wrapper');
    }else{
        $('.wrapper_nav').attr('id','');
    }}


});


</script>


    <!-- Javascript -->
    <script src="../../static/assets/js/jquery-1.11.1.min.js"></script>
    <script src="../../static/assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="../../static/assets/js/jquery.backstretch.min.js"></script>
    <script src="../../static/assets/js/scripts.js"></script>-->
    <script src="../../static/pc/js/petshow.js"></script>
    <script src="../../static/pc/js/zhuce1.js"></script>
    <script type="text/javascript">
        var selYear = window.document.getElementById("selYear");
        var selMonth = window.document.getElementById("selMonth");
        var selDay = window.document.getElementById("selDay");
        // 新建一个DateSelector类的实例，将三个select对象传进去
        new DateSelector(selYear, selMonth, selDay, 2004, 2, 29);
        // 也可以试试下边的代码
        // var dt = new Date(2004, 1, 29);
        // new DateSelector(selYear, selMonth ,selDay, dt);
    </script>

</body>
</html>
